<template>
	<div class="bg-babyblue" style="height: 100vh">
		<BHeader :showUser="true"></BHeader>
		<div class="settleProgressBox">
            <div class="settleProgressItem">
	            <div v-if="progress == 1">
	            	<!-- <h4>企业入驻信息审核进度</h4> -->
	            	<div class="settleProgressCont">
	            		<div class="settleProgressT">
	            			<Steps :current="1">
						        <Step title="申请信息已提交" content="提交成功"></Step>
						        <Step title="资质审核中" content="请耐心等待"></Step>
						        <Step title="入驻成功" content="前往道路运输电子健康档案系统"></Step>
						    </Steps>
	            		</div>
		            	<div class="settleProgressTips">
		            		<Alert show-icon class="registerTips">
		                        <template slot="desc">
		                            <ol>
		                                <li>要修改申请信息，请拨打客服电话：400-801-9131。</li>
		                                <li>可登陆本网站或联系客服了解审核进度。</li>
		                                <li>若有其他疑问请联系客服。</li>
		                            </ol>
		                        </template>
		                    </Alert>
		            	</div>
	            	</div>
	            </div>
	            <div v-if="progress == 0">
	            	<div class="settleProgressCont">
	            		<div class="settleSuccess">
	            			<span class="icon_success">
	            				<Icon type="checkmark-circled"></Icon>
	            			</span>
	            			<p class="text">恭喜您成功入驻</p>
		            		<Button type="info">前往电子健康档案系统</Button>
	            		</div>
	            	</div>
	            </div>
            </div>
        </div>
        <BFooter></BFooter>
    </div>
</template>
<script type="text/javascript">
	import BHeader from 'components/BHeader'; //页脚
	import BFooter from 'components/BFooter'; //页脚
	 export default {
	 	components: { BHeader, BFooter },
	 	data() {
	 		return {
	 			progress: 1,
	 		}
	 	},
	 	mounted() {
	 		this.init();
	 	},
	 	methods: {
	 		init() {
	 			console.log(this.$route.query.status)
	 			// if(this.$route.query.status){
	 			// 	this.progress = this.$route.query.status == 1?1:0;
	 			// }
	 		}
	 	}
	 }
</script>
<style lang="less" rel="stylesheet/less">
.bg-babyblue {
    display: flex;
    flex-direction: column;
	background: @color-Background;
}
.settleProgressBox {
    flex: 1 0 auto;
	margin: 40px 0 80px;
	.settleProgressItem {
		width: @min-width;
		margin: 0 auto;
		// h4 {
		// 	margin-top: 34px;
	 //        margin-bottom: 20px;
		// 	font-weight: normal;
		// 	font-size: 12px;
		// 	color: @text-color-title;
		// }
	}
	.settleProgressCont {
		background: #FFFFFF;
		.settleProgressTips,.settleProgressT {
			width: 1000px;
			margin: 0 auto;
		}
		.settleSuccess {
			padding: 50px 0 80px;
			text-align: center;
			font-size: 16px;
			.icon_success {
				display: block;
				height: 130px;
				color: @color-Success;
				font-size: 100px;
			}
			.text {
				font-family: 'PingFangSC-Medium';
				color: @color-Content;
			}
			.ivu-btn {
				vertical-align: top;
				width: 300px;
				height: 40px;
				margin-top: 50px;
				font-size: 16px;
			}
			.ivu-btn-info {
				background: @color-Primary;
				border-color: @color-Primary;
			}
		}
		.settleProgressTips {
			padding: 50px 0 80px;
			.ivu-alert-desc {
				color: @color-Content
			}
			.ivu-alert-with-desc .ivu-alert-icon {
			    left: 21px;
			    margin-top: -26px;
			    font-size: 36px;
			}
		}
		.settleProgressT {
			padding-top: 140px; 
			.ivu-steps-title {
				font-size: 16px;
			}
			.ivu-steps-item.ivu-steps-status-wait .ivu-steps-title,
			.ivu-steps-item.ivu-steps-status-process .ivu-steps-title,
			.ivu-steps-item.ivu-steps-status-finish .ivu-steps-title {
				color: @color-Title
			}
			.ivu-steps-content {
				color: #A8B6C4;
			}
		}
	}
}
</style>